<template>
    <div>
      Login
      <el-form :inline="true" :model="formInline" class="demo-form-inline">
        <el-form-item>
          <el-input v-model="formInline.user" placeholder="用户名"></el-input>
        </el-form-item>
        <br>
        <el-form-item>
          <el-input v-model="formInline.password" placeholder="密码"></el-input>
        </el-form-item>
        <br>
        <el-form-item>
          <el-button type="primary" @click="onSubmit">Segin in</el-button>
          <el-button
            :plain="true"
            plain
            @click="onSubmit">
            Reset
          </el-button>
        </el-form-item>
      </el-form>
    </div>
</template>

<script>
  export default {
    data() {
      return {
        formInline: {
          user: '',
          region: ''
        }
      }
    },
    methods: {
      onSubmit() {
        this.$message.error('This is the error message But our system not think , Becouse this message is not good message so I think this error message shoud give System Admin');
      }
    }
  }
</script>

<style scoped>

</style>
